<template>
  <div
    class="flex flex-col items-center max-w-4xl p-8 mx-auto my-12 text-center bg-black rounded-lg md:px-20 md:py-20"
  >
    <h2 class="text-4xl tracking-tight text-white md:text-6xl">
      Deployment immediately
    </h2>
    <p class="mt-4 text-lg text-slate-400 md:text-xl">
      With just a few simple clicks, you can start deploying without any expenses.
    </p>
    <div class="flex mt-5">
      <HomeLink
        href="https://github.com/ccbikai/sink?tab=readme-ov-file#%EF%B8%8F-deployment"
        type="inverted"
        title="Start Deploy"
      >
        Start Deploy
      </HomeLink>
    </div>
  </div>
</template>
